<template>
    <div class="qilin-index">
        <HeaderNav></HeaderNav>
        <div class="qilin-index-container">
            <LeftMenu></LeftMenu>
            <div class="qilin-index-container-content qilin-py-4 qilin-pr-4">
                <div class="qilin-index-container-content-box beauty-scrollbar-y">
                    <router-view></router-view>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
import HeaderNav from "./headerNav.vue";
import LeftMenu from "./leftMenu.vue";
export default {
    components:{
        HeaderNav,
        LeftMenu
    },
    data(){
        return {

        }
    }
}
</script>
<style lang="scss" scoped>
.qilin-index{
    @include QilinWidthHeight();
    overflow:hidden;
    min-width:42.857rem;
    >.qilin-index-container{ //各页面的入口元素
        width:100%;
        height:calc(100vh - 4.286rem);
        >.qilin-index-container-content{
            position: relative;
            padding-left:15.714rem;
            transition:padding-left 1s linear 0s;
            height:100%;
            background-color:#f0f0f0;
            >.qilin-index-container-content-box{
                height:calc(100% - $rem20);
            }
        }
    }
}
</style>